<template>
  <div class="search_container">
    <el-card>
      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px">
        <el-form-item label="工单编号" prop="name" style="font-weight: normal;">
          <el-input v-model="ruleForm.name" />
        </el-form-item>
        <el-form-item label="工单状态" prop="name">
          <el-input v-model="ruleForm.name" />
        </el-form-item>
        <el-form-item>
          <el-button class="search_btn" type="primary" icon="el-icon-search" @click="submitForm('ruleForm')">搜索</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {
      ruleForm: {},
      rules: {}
    }
  },
  computed: {
  },
  created() {
  },
  methods: {
  }
}
</script>

<style lang="scss">
.search_container{
  .el-card__body{
  // padding: 10px;
  padding: 10px;
}
}
</style>
<style lang='scss'  scoped>

.el-form{
  display: flex;
  padding: 0;
  margin-bottom: 0;

  .el-form-item{
    margin-bottom: 0;
  }

  .search_btn{
    background-color: #5f84ff;
  }

}
</style>
